<template>
  <ElCheckbox v-model="value" :checked="value == 'yes'" true-value="yes" false-value="no" />
</template>
<script setup lang="ts">
  import { ElCheckbox } from 'element-plus';
  import { ref, watch, watchEffect } from 'vue';  
  import { Column } from '@/seed-application/types';

  const props = defineProps<{column: Column, modelValue?: any}>()
console.log('props.modelValue---', props.modelValue)
  const emits = defineEmits(['update:modelValue'])

  const value = ref<'yes'|'no'>()
  watchEffect(() => emits('update:modelValue', value.value))
  watch(() => props.modelValue, (val) => value.value = val, { immediate: true })
</script>